<?php
if(!isset($GLOBALS['_vars'])) $GLOBALS['_vars'] = array(); 
$fields = array();
?><!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>爱尔尽忱-网上申请</title>
  <script language="javascript" src="/js/qmxfrom.js"></script>
  <link href="/css/public.css" type="text/css" rel="stylesheet">
  <link href="/css/csspub.css" type="text/css" rel="stylesheet">
  <link href="templets/style/member.css" rel="stylesheet" type="text/css">
  <link href="/hyxt/pc/css/member.css" rel="stylesheet" type="text/css">
  <script language="javascript" src="js/jquery-1.7.1.min.js"></script>
  <script language="javascript" src="/js/left-fixed.js"></script>
  <link rel="stylesheet" type="text/css" href="css/reveal.css">
  <script language="javascript" src="js/jquery.reveal.js"></script>
  <script type="text/javascript" src="templets/js/j.js"></script>
  <link href="/css/qmximg.css" type="text/css" rel="stylesheet">
  <script type="text/javascript">
    function tj() {
      alert("请首先填写姓名保存第一步");
      window.scrollTo(10, 100);
      return false;
    }
  </script>
  <style type="text/css">
    .banner {
      width: 100%;
      height: 260px;
      overflow: hidden
    }

    .banner img {
      width: 100%;
      height: 400px;
    }

    .main-inner2 {
      width: 1100px;
      margin: 0 auto;
      position: relative;
    }

    .nav2 {
      height: 61px;
      background: #f6f6f6;
      width: 100%;
      overflow: inherit;
    }

    .nav2 ul {
      height: 60px;
      float: left;
    }

    .nav2 ul li {
      float: left;
      margin-right: 31px;
      height: 61px;
    }

    .nav2 ul li a {
      color: #333;
      display: block;
      line-height: 61px;
    }

    .nav2 ul li a:hover {
      line-height: 55px;
      margin-top: 3px;
      border-bottom: 3px solid #d61f26;
      color: #d61f26;
    }

    .nav2 ul li .nav2-on {
      line-height: 55px;
      margin-top: 3px;
      border-bottom: 3px solid #d61f26;
      color: #d61f26;
    }

    .position {
      float: right;
    }

    .position p {
      line-height: 61px;
    }

    .position p img {
      margin-top: 24px;
      width: 17px;
      height: 17px;
      float: left;
      padding-right: 4px;
    }

    .position p a {
      margin: 0 2px;
      color: #666;
      line-height: 61px;
      display: inline-block;
    }

    .images-box {
      width: 159px;
      height: 159px;
      position: absolute;
      top: -88px;
      left: 0;
    }

    .images-box .images {
      width: 159px;
      height: 159px;
      position: relative;
      display: inline-block;
      background: url(/images/img_01.png) center center no-repeat;
    }

    .images .pic {
      position: absolute;
      right: 0px;
      top: 0px;
      opacity: 0;
      -ms-filter: 'alpha(opacity=0)';
      width: 159px;
      height: 159px;
      cursor: pointer;
    }

    .main-nav ul li .on {
      width: auto;
      height: auto;
      margin: 0;
    }

    #hrimg-error,
    #jhrsqz1-error,
    #jhrsfz2-error,
    #jhrhkzy-error,
    #jhrhkb-error,
    #hrsfz-error,
		#sn_two_star_family_img-error{
      position: absolute;
      top: 0;
      left: 90px;
    }

    .img-yl {
      padding-bottom: 0;
      line-height: 28px;
    }

    .wxts {
      color: red;
    }
  </style>
  <script type="text/javascript" src="/hyxt/pc/js/jquery-1.11.1.min.js"></script>
  <script type="text/javascript" src="/js/validate-1.14.0.min.js"></script>
  <script type="text/javascript" src="/js/qmx.js"></script>
  <script type="text/javascript" src="/js/a.js" charset="utf-8"></script>
</head>

<body>
  <div class="banner"
    style="background:url(http://ae.365sales.cn/new-style20211021/items/images/aeqmx.jpg) center center no-repeat;">
  </div>
  <div class="main-inner nav2">
    <div class="main-inner2">
      <ul>
        <li><a href="http://ae.365sales.cn/php/list.php?tid=189">项目首页</a></li>
        <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section2">项目介绍</a></li>
        <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section3">项目动态</a></li>
        <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section4">合作单位</a></li>
        <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section5">特邀专家</a></li>
        <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section6">活动集锦</a></li>
        <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section7">救助申请</a></li>
        <li><a href="http://ae.365sales.cn/php/list.php?tid=189#section8">救助公示</a></li>
      </ul>
      <div class="position">
        <p>
          <script type="text/javascript">
            var now = (new Date()).getHours();
            if (now > 0 && now <= 6) {
              document.write("午夜好，");
            }
            else if (now > 6 && now <= 9) {
              document.write("早上好，");
            }
            else if (now > 9 && now <= 11) {
              document.write("上午好，");
            } else if (now > 11 && now <= 14) {
              document.write("中午好，");
            } else if (now > 14 && now <= 18) {
              document.write("下午好，");
            } else {
              document.write("晚上好，");
            }
          </script>
          <a href="#" class="userName">
            <?php echo $cfg_ml->M_UserName?>
          </a> <a href="../member/index_do_jz.php?fmdo=login&dopost=exit#">[退出]</a>
        </p>
      </div>
      <div style="clear:both;"></div>
    </div>
  </div>
  <div class="main member-main">
    <div class="main-inner">
      <div class="main-nav">
        <ul>
          <div class="images-box">
            <div class="images">
              <a href="#" data-reveal-id="myModal2" data-animation="none">
                <?php 
 $face = $cfg_ml->fields['face'];
     if($face!=''){ echo "<img   src='$face' style='_margin-top:expression(( 180 - this.height ) / 2);cursor:pointer'  />\r\n";
	 }
  else echo "<img   src='/hyxt/pc/images/img_01.png' style='_margin-top:expression(( 180 - this.height ) / 2);cursor:pointer'   />\r\n";	
       			?>
              </a>
            </div>
          </div>
          <li><a href="index_jzsq.php" target="_self" class="on">网上申请</a></li>
          <li><a href="content_list_jz.php?channelid=37" target="_self" class="">信息管理</a></li>
          <li><a href="zhuangtai_list_jz.php?channelid=37" target="_self" class="">状态查询</a></li>
          <li><a href="edit_baseinfo_jz.php" target="_self" class="">帐号信息</a></li>
        </ul>
      </div>
      <div class="main-body">
        <!-- <img src="/images/pcbuzhou.png"/> -->
        <link rel="stylesheet" type="text/css" href="/hyxt/model-head20211227/css/jz.css" />
        <div class="buzhou">
          <h1>网上申请<span id="title-3">3</span>步骤</h1>
          <ul>
            <li>
              <img src="/hyxt/model-head20211227/images/buzhou1.png" alt="步骤1">
              <p>在“网上申请”页面分布填写信息并保存，可以对已填写信息进行修改，缺少的信息进行补填。</p>
            </li>
            <li>
              <img src="/hyxt/model-head20211227/images/buzhou2.png" alt="步骤2">
              <p>申请表填写完成，确认没问题后，在“信息管理”页点击“提交”按钮提交申请。<span id="zhu">注：申请表提交后则不可以对信息进行任何修改。</span></p>
            </li>
            <li>
              <img src="/hyxt/model-head20211227/images/buzhou3.png" alt="步骤4">
              <p>由工作人员审核筛查申请信息，最终审核结果会在“状态查询”页显示。</p>
            </li>
          </ul>
        </div>
        <div style="clear: both;"></div>
        <div class="main-form">
          <p>患儿基本信息</p>
          <form class="jbxx" name="addcontent" action="jzdb_add.php" method="post" enctype="multipart/form-data"
            onSubmit="return checkSubmit();" id="xrkform1">
            <input type="hidden" name="sn_type_ac" value="a">
            <input type="hidden" name="sn_qmx_jz" value="尽忱">

            <input type="hidden" name="dopost" value="save" />
            <input type="hidden" name="channelid" value="37" />
            <input type='hidden' name='step' value='1' />
            <input type='hidden' name='dede_addonfields'
              value="nianling,int;quyu,text;shenqingshijian,datetime;zhuangtai,radio;zizhujine,float;zizhuleixing,radio;xingbie,radio;chushengriqi,datetime;minzu,text;huanerno,text;hukou,radio;hujizhuzhi,text;jiatingzhuzhi,text;jianhurenname,text;guanxi,text;jianhurenlianxi,text;jianhurenlianxi2,text;jianhurenshno,text;jinjirenname1,text;jinjiren1guanxi,text;jinjiren1lianxi,text;jinjiren2,text;jinji2guanxi,text;jinji2lianxi,text;shebao,radio;jieshoujiuzhu,radio;shouzhuriqi,datetime;zizhujigou,text;zizhujineaier,float;jiazongshouru,radio;jiarenjunshouru,radio;jiarenkou,text;jialaodongli,text;duoxuan,checkbox;danganno,text;dibaono,text;junlieshuno,text;fulijigou,text;shenqingshuoming,htmltext;juweihui,htmltext;xiangzhen,htmltext;quezheng,text;fabingshijian,datetime;quezhengshijian,datetime;quezhengyiyuan,text;cengyiyuan1,text;zhiliao1,datetime;cengyiyuan2,text;zhiliao2,datetime;cengyiyuan3,text;cengriqi3,datetime;xunlianleibie,radio;jigoushijian,datetime;kangfu1shijian,datetime;kangfujigou1,text;kangfushijian2,datetime;kangfujigou2,text;kangfushijian3,datetime;kangfujigou3,text;qitajibing,radio;jianshu,htmltext;jianhurenqianzi,text;kfjs1,datetime;kfjs2,datetime;kfjs3,datetime;yyyj,htmltext;aieryijian,htmltext;beizhu,htmltext;liyou,htmltext;num,int;hrimg,imgfile;jhrsqz1,imgfile;jhrsfz2,imgfile;jhrhkzy,imgfile;jhrhkb,imgfile;hrsfz,imgfile;jtqkzm,imgfile;sqly,htmltext;tijiao,int;test,radio;shztime,datetime;shjgtime,datetime;zzztime,datetime;yzztime,datetime;clbctime,datetime;dsctime,datetime;dibaoimg,imgfile;junlieshuimg,imgfile;qitaimg,imgfile;shoushufei,float;kangfufei,float;ercishoushufei,float;sn_type_ac,text;sn_canji_img,imgfile;sn_zhenduan_img,imgfile;sn_shoushu_time,datetime;sn_shoushu_yiyuan,text;sn_shoushu_buwei,text;sn_kangfu_long,text;sn_canji_rad,radio;sn_bank_id,text;sn_bank_name,text;sn_bank_hang,text;jinjiren1lianxi2,text;jinji2lianxi2,text;quezhengnianling,text;sn_qmx_jz,text;title2,text;chushengriqi2,datetime;xingbie2,radio;quezhengnianling2,text;huanerno2,text;sn_canji_rad2,radio;kangfuname,text;kangfuname2,text">
            <input type="hidden" name="dede_fieldshash" value="98cc0a2a68a8d54d8a545d7be4e98cb9" />
            <p style="display:none">
              <?php
			$nowtime = GetDateTimeMk(time());
			echo "<input name=\"shenqingshijian\" value=\"$nowtime\" type=\"hidden\" id=\"shenqingshijian\" >";
			?>
              <select name='typeid' size='1'>
                <option value='69' class='option3' selected=''>─爱尔尽忱计划</option>
              </select>
            </p>
            <ul>
              <li>
                <span>姓名：</span>
                <input type="text" class="name" name="title" id="title">
              </li>
              <li>
                <span>出生日期：</span>
                <input name="chushengriqi" value="" type="text" id="chushengriqi" class="name" placeholder="请选择日期" />
              </li>
              <li>
                <span>性别：</span>
                <input type='radio' name='xingbie' class='np xxlx' id='man' value='男'>男
                <input type='radio' name='xingbie' id='woman' class='np xxlx' value='女' required>女<b></b>
              </li>

              <li>
                <span>民族：</span>
                <input type="text" class="name" name='jianhurenqianzi' id='jianhurenqianzi'>
              </li>
              <li>
                <span>确诊年龄：</span>
                <input type="text" class="name" name='quezhengnianling' id="quezhengnianling">
              </li>
              <li>
                <span>是否有残疾证：</span>
                <input type='radio' name='sn_canji_rad' class='np xxlx' id='man' value='是'>是
                <input type='radio' name='sn_canji_rad' id='woman' class='np xxlx' value='否' required>否<b></b>
              </li>
              <li class="address">
                <span>身份证号：</span>
                <input type="text" class="name family" name='huanerno' id='huanerno'>
              </li>





              <li class="address">
                <span>家庭住址：</span>
                <input type="text" class="name family" name='jiatingzhuzhi' id='jiguan'>
              </li>

              <li class="address">
                <span>银行卡账号 （限患儿直系亲属）：</span>
                <input type="text" class="name" name='sn_bank_id' id='sn_bank_id'>
              </li>

              <li>
                <span>开户名：</span>
                <input type="text" class="name" name='sn_bank_name' id='sn_bank_name'>
              </li>


              <li class="address">
                <span>开户行：</span>
                <input type="text" class="name family" name='sn_bank_hang' id='sn_bank_hang'>
              </li>



              <!--  <li>
                        <span>户口类型：</span>
                        <input type='radio' name='hukou' class='np xxlx' value='城镇居民'>城镇居民
<input type='radio' name='hukou' class='np xxlx' value='农村' required >农村
<input type='radio' name='hukou' class='np xxlx' value='其他' required >其他<b></b>
                    </li> -->
              <li class="address">
                <span>监护人姓名：</span>
                <input type="text" name='jianhurenname' id='jianhurenname' value="" class="name">
              </li>
              <li>
                <span>与患儿关系：</span>
                <input type="text" name='guanxi' id='guanxi' value="" class="name">
              </li>
              <li class="address">
                <span>监护人身份证号：</span>
                <input type="text" name='jianhurenshno' id='jianhurenshno' value="" class="family">
              </li>
              <li>
                <span>联系方式1：</span>
                <input type="text" name='jianhurenlianxi' id='jianhurenlianxi' value="" class="name">
              </li>

              <!-- <li>
                        <span>联系方式2：</span>
                  <input type="text"   name='jianhurenlianxi2' id='jianhurenlianxi2'    value=""  class="name">
                    </li> -->
              <li class="address">
                <span>紧急联系人1：</span>
                <input type="text" name='jinjirenname1' id='jinjirenname1' value="" class="name">
              </li>
              <li>
                <span>与患儿关系：</span>
                <input type="text" name='jinjiren1guanxi' id='jinjiren1guanxi' value="" class="name">
              </li>
              <li class="address">
                <span>联系方式：</span>
                <input type="text" name='jinjiren1lianxi' id='jinjiren1lianxi' value="" class="name">
              </li>
              <li>
                <span>联系方式2：</span>
                <input type="text" name='jinjiren1lianxi2' id='jinjiren1lianxi2' value="" class="name">
              </li>

              <li class="address">
                <span>紧急联系人2：</span>
                <input type="text" name='jinjiren2' id='jinjiren2' value="" class="name">
              </li>
              <li>
                <span>与患儿关系：</span>
                <input type="text" name='jinji2guanxi' id='jinji2guanxi' value="" class="name">
              </li>
              <li class="address">
                <span>联系方式：</span>
                <input type="text" name='jinji2lianxi' id='jinji2lianxi' value="" class="name">
              </li>
              <li>
                <span>联系方式2：</span>
                <input type="text" name='jinji2lianxi2' id='jinji2lianxi2' value="" class="name">
              </li>
              <li style="width: 100%;height: auto;"><span>康复情况</span></li>

              <li>
                <span>曾康复机构：</span>
                <input type="text" name='kangfujigou1' id='kangfujigou1' value="" class="name">
              </li>
              <li style="width: 580px;">
                <span>康复时间：</span>
                自：
                <input type="text" name='kangfu1shijian' id='kangfu1shijian' value="" class="name"
                  style="width: 240px;">
                至：
                <input type="text" name='kfjs1' id='kfjs1' value="" class="name" style="width: 240px;">
              </li>



              <br style="clear:both" />
              <li style="width: 100%; height:100%;">
                <span>救助申请说明（详细说明家庭真实情况、申请理由等）:</span>
                <!--                      <input type='radio' name='qitajibing' class='np xxlx' value='否'  >否
<input type='radio' name='qitajibing' class='np xxlx' value='是'   >是 （如果有，请在下面添加详情介绍）<br/> -->
                <textarea name="jianshu" rows="8" cols="60" style="width:875px;" placeholder=""></textarea>
                <script type="text/javascript">//<![CDATA[
                  CKEDITOR.replace('jianshu', { "extraPlugins": "dedepage,multipic,addon", "toolbar": [["Cut", "Copy", "Paste", "PasteText", "PasteFromWord", "-"], ["Undo", "Redo", "-"], ["Bold", "Italic", "Underline", "Strike"], ["Image"], ["JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock"], ["Format", "Font", "FontSize"]], "height": 200, "skin": "kama" });
                  //]]></script>
              </li>

              <!-- <li style="width:100%;height:100%;">
                        <span>是否参加社会医疗保障：</span>
                  <input type='radio' name='shebao' class='np xxlx' value='城镇居民基本医疗'>城镇居民基本医疗
<input type='radio' name='shebao' class='np xxlx' value='新农合' required >新农合
<input type='radio' name='shebao' class='np xxlx' value='无医疗保障' required >无医疗保障
<input type='radio' name='shebao' class='np xxlx' value='其他' required >其他<b></b>
                    </li> -->
              <!--  <li style="width:100%;height:100%;">
                        <span>是否接受过其他社会援助：</span>
                <div class="shyz"><input type='radio' name='jieshoujiuzhu' class='np xxlx' value='是'>是
                --受资助日期：<input name="shouzhuriqi" value=""  type="text" id="shouzhuriqi" style="width:80px" class="intxt"  placeholder="请选择日期"  />
				&nbsp; &nbsp; &nbsp;&nbsp;资助机构/个人名称：<input type='text' name='zizhujigou' id='zizhujigou' style='width:100px'  class='intxt' value=""  />&nbsp; &nbsp; &nbsp; &nbsp;资助金额：<input type='text' name='zizhujineaier' id='zizhujineaier' style='width:80px'  class='intxt' value=""   />(万元)</div>
                <input type='radio' name='jieshoujiuzhu' class='np xxlx' value='否' required >否
<div style="clear:both;"></div>
                    </li>	 -->
              <div style="clear:both;"></div>
            </ul>
            <div class="button-btn">
              <button class="qx" type="reset">取消</button>
              <button class="ok" name="submit1" id="submit1" type="submit" onClick="createRandomId()">保存</button>
            </div>
            <div style="clear:both;"></div>
          </form>
        </div>


        <div class="main-form main-tpsc">
          <p>图片上传</p>
          <a class="img-yl" href="#" data-reveal-id="myModal3" data-animation="none">*****上传图片前请点击此处查看图片示例*****</a>
          <!-- <div class="wxts">温馨提示：如果既不是建档立卡贫困户又没低保证，如有村委会和镇政府同时出具的贫困证明材料（加盖公章），同样符合申请条件。</div> -->
          <form class="jbxx" name="form2" action="" method="post" enctype="multipart/form-data"
            onSubmit="return checkSubmit();">
            <input type="hidden" name="dopost" value="save" />
            <input type="hidden" name="channelid" value="37" />
            <input type='hidden' name='step' value='4' />
            <input type='hidden' name='dede_addonfields'
              value="hrimg,file;jhrsqz1,file;jhrsfz2,file;jhrhkzy,file;jhrhkb,file;hrsfz,file;jtqkzm,file;dibaoimg,file;junlieshuimg,file;qitaimg,file;dibaoimg,file;junlieshuimg,file;qitaimg,file;sn_two_star_family_img,imgfile;sn_three_type_img,imgfile;sn_allow_prove_img,imgfile">
            <input type="hidden" name="dede_fieldshash" value="ecb7a2fcae3e38a8c9c721cf0b4ecad5" />
            <p style="display:none">
              <select name='typeid' size='1'>
                <option value='69' class='option3' selected=''>─爱尔尽忱计划</option>
              </select>
            </p>
            <ul>
              <li>
                <span><b style="color:#FF0000">患儿照片（请上传患儿正面全身照） *</b>：</span>
                <div class="on">
                  <div class="xian"></div>
                  <div class="chahao"></div>
                </div>
                <div class="addhao">
                  <a class="xzbtn">选择文件</a>
                  <input type="file" name='hrimg' id='hrimg' class="fileinput">
                </div>
              </li>
              <li>
                <span>患儿身份证\户口本\出生证<b style="color:#FF0000"> *</b>：</span>
                <div class="on">
                  <div class="xian"></div>
                  <div class="chahao"></div>
                </div>
                <div class="addhao">
                  <a class="xzbtn">选择文件</a>
                  <input type="file" name='hrsfz' id='hrsfz' class="fileinput">
                </div>
              </li>
              <li>
                <span>患儿残疾证(如果有，请提供)：</span>
                <div class="on">
                  <div class="xian"></div>
                  <div class="chahao"></div>
                </div>
                <div class="addhao">
                  <a class="xzbtn">选择文件</a>
                  <input type="file" name='sn_canji_img' id='sn_canji_img' class="fileinput">
                </div>
              </li>
              <li>
                <span>法定监护人身份证(正面)<b style="color:#FF0000"> *</b>：</span>
                <div class="on">
                  <div class="xian"></div>
                  <div class="chahao"></div>
                </div>
                <div class="addhao">
                  <a class="xzbtn">选择文件</a>
                  <input type="file" name='jhrsqz1' id='jhrsqz1' class="fileinput">
                </div>
              </li>
              <li>
                <span>法定监护人身份证(背面)<b style="color:#FF0000"> *</b>：</span>
                <div class="on">
                  <div class="xian"></div>
                  <div class="chahao"></div>
                </div>
                <div class="addhao">
                  <a class="xzbtn">选择文件</a>
                  <input type="file" name='jhrsfz2' id='jhrsfz2' class="fileinput">
                </div>
              </li>

              <li>
                <span>法定监护人户口本(本人页)<b style="color:#FF0000"> *</b>：</span>
                <div class="on">
                  <div class="xian"></div>
                  <div class="chahao"></div>
                </div>
                <div class="addhao">
                  <a class="xzbtn">选择文件</a>
                  <input type="file" name='jhrhkb' id='jhrhkb' class="fileinput">
                </div>
              </li>





              <li>
                <span>患儿诊断证明原件（二级甲等医院及以上：</span>
                <div class="on">
                  <div class="xian"></div>
                  <div class="chahao"></div>
                </div>
                <div class="addhao">
                  <a class="xzbtn">选择文件</a>
                  <input type="file" name='sn_zhenduan_img' id='sn_zhenduan_img' class="fileinput">
                </div>
              </li>

                <!-- DZuoSn  2024年8月30日  添加字段 -->
                <li>
                  <span>孤独症双星家庭照片<b style="color:#FF0000"> *</b>：</span>
                  <div class="on">
                      <div class="xian"></div>
                      <div class="chahao"></div>
                  </div>
                  <div class="addhao">
                      <a class="xzbtn">选择文件</a>
                      <input type="file" name='sn_two_star_family_img' id='sn_two_star_family_img' class="fileinput">
                  </div>
              </li>
              <li>
                  <span>脱贫监测三类户：</span>
                  <div class="on">
                      <div class="xian"></div>
                      <div class="chahao"></div>
                  </div>
                  <div class="addhao">
                      <a class="xzbtn">选择文件</a>
                      <input type="file" name='sn_three_type_img' id='sn_three_type_img' class="fileinput">
                  </div>
              </li>
              <li>
                  <span>低保证明：</span>
                  <div class="on">
                      <div class="xian"></div>
                      <div class="chahao"></div>
                  </div>
                  <div class="addhao">
                      <a class="xzbtn">选择文件</a>
                      <input type="file" name='sn_allow_prove_img' id='sn_allow_prove_img' class="fileinput">
                  </div>
              </li>
              <!-- DZuoSn  2024年8月30日  添加字段 end-->


            </ul>
            <div style="clear:both;"></div>
            <div style="clear:both;"></div>
            <div style="clear:both;"></div>
            <ul>
              <li style=" width:100%"><b>备注：</b>请上传能够证明家庭经济状况的证明原件，如：低保证、村（居）委会和街道办（乡镇）出具的证明等。</li>
            </ul>
            <div class="button-btn">
              <button class="qx" type="reset">取消</button>
              <button class="ok" type="button" onclick="tj();">保存</button>
            </div>
            <div style="clear:both;"></div>
          </form>
        </div>

        <!--<button class="tj">保存</button>--> </form>
      </div>
    </div>
  </div>
  <div style="clear:both"></div>
  <div style="clear:both"></div>
  <div style="clear:both"></div>
  <div style="clear:both"></div>
  <script type="text/javascript">
    $(".main-form p").click(function () {
      $(this).next("form").slideToggle(300).siblings("form").slideUp(300);
    })
    $(".main-nav ul li a").click(function () {
      $('.main-nav ul li a').removeClass('on')
      $(this).addClass('on')
    })
  </script>
  <!--弹窗开始-->
  <div id="myModal2" class="reveal-modal">
    <form action="edit_face.php" method="post" enctype="multipart/form-data" name="form2">
      <input type="hidden" name="dopost" value="save" />
      <div id="mainCp">
        <h3 class="bt">用户头像</h3>
        <div class="postForm">
          <input name="face" type="file" id="face" size="45" />
        </div>
        <div style="clear:both;"></div>
        <p>
          <button class="export" type="submit">&nbsp;&nbsp;&nbsp;&nbsp;更&nbsp;&nbsp;新&nbsp;&nbsp;&nbsp;&nbsp;</button>
        </p>
      </div>
    </form>
  </div>
  <!--弹窗结束-->
  <!--图片上传样例-->
  <div id="myModal3" class="reveal-modal reveal-modal-imgyl">
    <div class="yl-pic">
      <ul>
        <li>正确样例<br>
          <div><img src="/images/yl2.png" alt="正确样例"></div>
        </li>
        <li>错误样例<br>
          <div><img src="/images/yl1.png" alt="错误样例"></div>
        </li>
        <div style="clear:both;"></div>
        <span style="color:red;">请上传证件/文件有效区照片，非有效区域请删除，证件/文件请旋转至正确示例图角度</span>
      </ul>
    </div>
  </div>
  <!--图片上传样例-->

  <script>
    // 单张上传照片  删除照片
    $(" .fileinput").change(function () {
      var file = this.files[0];
      readFile(file, $(this).parent().siblings(".on"));
    });
    $(".on").mouseover(function () {
      $(this).children(".xian").show();
      $(this).children(".chahao").show();
    });
    $(".on").mouseleave(function () {
      $(this).children(".xian").hide();
      $(this).children(".chahao").hide();
    });
    $(".chahao").click(function () {
      $(this).next().remove();
      $(".xian").hide();
      $(".chahao").hide();
      $(this).parent().hide();
      $(this).parent().siblings(".addhao").show();
      $(this).parent().siblings(".addhao").children().val("");
    });
    var on = document.querySelector(".on");
    //    需要把阅读的文件传进来file element是把读取到的内容放入的容器
    function readFile(file, element) {
      //        新建阅读器
      var reader = new FileReader();
      //        根据文件类型选择阅读方式
      switch (file.type) {
        case 'image/jpg':
        case 'image/png':
        case 'image/jpeg':
        case 'image/gif':
          reader.readAsDataURL(file);
          break;
      }
      //        当文件阅读结束后执行的方法
      reader.addEventListener('load', function () {
        //         如果说让读取的文件显示的话 还是需要通过文件的类型创建不同的标签
        switch (file.type) {
          case 'image/jpg':
          case 'image/png':
          case 'image/jpeg':
          case 'image/gif':
            var img = document.createElement('img');
            img.src = reader.result;
            element.append(img);
            //  element.siblings(".addhao").hide();
            element.show();
            break;
        }
      });
    }
    // 批量上传部分
    var piliang = document.querySelector('#piliang');
    var on = $(".on");
    piliang.addEventListener('change', function () {
      for (var i = 0; i < this.files.length; i++) {
        var file = this.files[i];
        on.eq(i).children(".chahao").next().remove();
        readFile(file, on.eq(i));
      }
    });
    //
    var on = $(".on");
    $(".next").click(function () {
      for (var i = 0; i < 10; i++) {
        console.log(on[i].childNodes.length);
        if (on[i].childNodes.length == 6) {
          //这个判断就是说明里面有多少个孩子，孩子不够数，不会生成相册
        } else {
          alert("上传照片不足3张");
          $(".next").attr("href", "javascript:void(0)");
          return
        }
        $(".next").attr("href", "生成相册.html");
      }
    });
  </script>
  <style>
    .kuang {
      display: inline-block;
      vertical-align: middle;
      box-shadow: inset 0px 1px 20px 5px #ddd;
      text-align: left;
      margin-right: 20px;
      margin-bottom: 20px;
      width: 165px;
      height: 165px;
    }

    .addhao {
      width: 280px !important;
      height: 22px !important;
      background: url(../img/add_photo_plus.png);
      overflow: hidden;
      position: relative;
      cursor: pointer;
    }

    .addhao .xzbtn {
      width: 78px;
      height: 20px;
      position: absolute;
      line-height: 20px;
      text-align: center;
      border: 1px solid #ebebeb;
      border-radius: 2px;
      color: #333;
      background: #fafafa;
      display: block;
      cursor: pointer;
      font-size: 12px;
    }

    .main-form .jbxx ul li .addhao input {
      border: none;
      padding: 0;
      width: 80px;
      height: 22px;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      -ms-filter: 'alpha(opacity=0)';
      cursor: pointer;
    }

    .on {
      width: 273px;
      height: 123px;
      position: relative;
      display: inline-block;
      overflow: hidden;
      border: 1px solid #ebebeb;
      background: url(/member/templets/images/tx.jpg) center center no-repeat;
    }

    .xian {
      width: 165px;
      height: 165px;
      position: absolute;
      display: none;
      z-index: 2;
    }

    .chahao {
      position: absolute;
      width: 60px;
      height: 60px;
      top: 52.5px;
      left: 52.5px;
      display: none;
      z-index: 2;
    }

    .on img {
      max-width: 273px;
      max-height: 123px;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      background: #fff;
      max-width: 273px;
      max-height: 174px;
    }

    .kuang input {
      width: 164px;
      height: 164px;
      opacity: 0;
    }

    .button {
      width: 500px;
      height: 36px;
      margin: 0 auto;
    }

    .button .set {
      float: left;
      width: 216px;
      height: 36px;
      background: #ddd;
      text-align: center;
      position: relative;
    }

    .set input {
      width: 216px;
      height: 36px;
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
    }

    .button .next {
      float: right;
      width: 216px;
      height: 36px;
      background: red;
      color: white;
    }

    .bigk {
      width: 1000px;
      margin: 0 auto;
      text-align: center;
    }
  </style>
  <script src="/laydate/laydate.js"></script>
  <script>
    lay('#version').html('-v' + laydate.v);
    //执行一个laydate实例
    laydate.render({
      elem: '#chushengriqi' //指定元素
    });
    laydate.render({
      elem: '#shouzhuriqi' //指定元素
    });
    laydate.render({
      elem: '#fabingshijian' //指定元素
    });
    laydate.render({
      elem: '#quezhengshijian' //指定元素
    });
    laydate.render({
      elem: '#zhiliao1' //指定元素
    });
    laydate.render({
      elem: '#zhiliao2' //指定元素
    });
    laydate.render({
      elem: '#cengriqi3' //指定元素
    });
    laydate.render({
      elem: '#kangfu1shijian' //指定元素
    });
    laydate.render({
      elem: '#kfjs1' //指定元素
    });
    laydate.render({
      elem: '#kangfushijian2' //指定元素
    });
    laydate.render({
      elem: '#kfjs2' //指定元素
    });
    laydate.render({
      elem: '#kangfushijian3' //指定元素
    });
    laydate.render({
      elem: '#kfjs3' //指定元素
    });
  </script>
</body>

</html>